/* This is just an example.  You shouldn't do this. */
#SnapGraph-hello
{
  color: red ! important;
}
#SnapGraph-toolbar-button
{
  list-style-image: url("chrome://SnapGraph/skin/toolbar-button.png");
  -moz-image-region: rect(0px 24px 24px 0px);
}
#SnapGraph-toolbar-button:hover
{
  -moz-image-region: rect(24px 24px 48px  0px);
}
[iconsize="small"] #SnapGraph-toolbar-button
{
  -moz-image-region: rect( 0px 40px 16px 24px);
}
[iconsize="small"] #SnapGraph-toolbar-button:hover
{
  -moz-image-region: rect(24px 40px 40px 24px);
}

.pkXulWindow {
	width: 300px;
	height: 200px;
}

.pkXulWindow *[Behavior=ResizeNW] {
	xbackground-color: green;
	cursor: nw-resize;
}
.pkXulWindow *[Behavior=ResizeN] {
	xbackground-color: yellow;
	cursor: n-resize;
}
.pkXulWindow *[Behavior=ResizeNE] {
	xbackground-color: green;
	cursor: ne-resize;
}
.pkXulWindow *[Behavior=ResizeW] {
	xbackground-color: yellow;
	cursor: w-resize;
}
.pkXulWindow *[Behavior=ResizeE] {
	xbackground-color: yellow;
	cursor: e-resize;
}
.pkXulWindow *[Behavior=ResizeSW] {
	xbackground-color: red;
	cursor: sw-resize;
}
.pkXulWindow *[Behavior=ResizeS] {
	xbackground-color: yellow;
	cursor: s-resize;
}
.pkXulWindow *[Behavior=ResizeSE] {
	xbackground-color: red;
	cursor: se-resize;
}

.pkXulWindow .Closer {
	height: 12px;
	width: 12px;
	cursor: pointer;
	list-style-image: url("chrome://SnapGraph/skin/Close.gif");
	opacity: 0;
}

.pkXulWindow .Titlebar {
	margin: 0px;
	background-color: #C0C0C0;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 3px;
	cursor: move;
	opacity: 0;
}